<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title></title>
<style>
</style>
</head>
<body>
	<svg>
		<circle cx="60" cy="60" r="30" style="fill:#f9f;stroke:gray">
			<animate id="c1" attributeName="r" attributeType="XML" begin="0s" dur="3s" from="30" to="10" fill="freeze"></animate>
		</circle>
		<circle cx="120" cy="60" r="10" style="fill:#9f9;stroke:gray">
		<!--	<animate attributeName="r" attributeType="XML" from="10" to="30" begin="c1.end" dur="1s" fill="freeze"></animate>-->
		<!--	<animate attributeName="r" attributeType="XML" from="10" to="30" begin="c1.begin+1.25s" dur="9s" end="5" fill="freeze"></animate>-->
		<animate attributeName="r" attributeType="XML" from="10" to="30" begin="1s" dur="9s" end="c1.end" fill="freeze"></animate>
		</circle>
	</svg>
</body>
</html>
